@import './../../style/default.less';

.header{
	background-color: @colorM;
	.header-top{
		height: 60px;
		padding: 0 20px;
		line-height: 60px;
		text-align: right;
		.logo{
			height: 60px;
			line-height: 60px;
			text-align: left;
			img{
				height: 40px;
				vertical-align: middle;
				margin-bottom: 8px;
			}
			span{
				margin-left: 10px;
				font-size: 20px;
			}
		}
		span{
			margin-left: 40px;
		}
	}
	.breadcrumb{
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		border-top: 1px solid #f9c700;
		.breadcrumb-title{
			text-align: center;
			font-size: @fontC;
			&:after{
				position: absolute;
				content: "";
				top: 39px;
				left: calc(50% - 12px);
				width: 10px;
				height: 10px;
				border-top: 9px solid @colorM;
				border-left: 12px solid transparent;
				border-right: 12px solid transparent;
			}
		}
		.weather{
			text-align: right;
			.date{
				display: inline-block;
				width: 120px;
				text-align: left;
			}
		}
	}
}
.simple-page{
	.header-top{
		background: #1890ff;
		color: @colorM;
	}
}